<template>
  <div>
    <div>我是登陆，可以登录到该系统</div>

    <!-- 
      eventBus 是两个以及两个以上的组件同时引入到一个页面当中。
      然后新建一个eventBus.js文件，然后要新建vue实例，然后，在兄弟组件当中，引入这个文件。
      eventBus.$emit('自定义的方法名',数据) $emit 是值传递的值，类似父子组件当中用法
      eventBus.$on('自定义的方法名',获取$emit 提交的数据)。就可以监听同级别组件值的修改
     -->

    <parent-child :isName="isNames"></parent-child>
    <privte-child></privte-child>
  </div>
</template>
<script>
// $parent 和 $children
// 引入src 下边的文件可以用 ../ 也可用 @  *
// import ParentChild from "../../components/ParentChild/ParentChild.vue"
import ParentChild from "@/components/ParentChild/ParentChild.vue"
import PrivteChild from "@/components/PrivteChild/PrivteChild.vue"
// import ParentChild from '../../components/ParentChild/ParentChild.vue'
export default {
  components: {
    ParentChild,
    PrivteChild
  },
  data() {
    return {
      isNames: '章三',
      isParent: '我被取到了'
    }
  },
  mounted() {
    // $children 是父组件调用子组件的方法
    // $children ,他不是响应式的
    // 应用场景，改变一次子组件的方法，或者值
    console.log(this.$children)
    console.log(this.$children[0].childFun())
    console.log(this.$children[0].isChild)
  },
  methods: {
    // 这是一个方法，我要在子组件当中调用他
    parentFun() {
      console.log('父组件方法被调用')
    }
  }
}
</script>